<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org/extras/dialect"
      layout:decorate="layout/layout_info"
>
<head>
	<title>登录</title>
	<meta charset="utf-8"/>
	<link rel="stylesheet" href="../../static/asset/css/bootstrap.min.css" th:href="@{/asset/css/bootstrap.min.css}"/>
	<link rel="stylesheet" href="../../static/asset/css/base.min.css" th:href="@{/asset/css/base.min.css}"/>
	<link rel="stylesheet" href="../../static/asset/css/common/front.css" th:href="@{/asset/css/common/front.css}"/>
	<link rel="stylesheet" href="../../static/asset/css/back/login.css" th:href="@{/asset/css/back/login.css}"/>
</head>
<body>
<div layout:fragment="content">
	<div class="container">
		<div class="row no-gutters">
			<div class="col-md-12">
				<div class="card">
					<div class="card-header">
						<ol class="breadcrumb">
							<li class="breadcrumb-item"><a href="#" th:href="@{/client}">返回</a></li>
							<li class="breadcrumb-item active" aria-current="page">当前应用: 酷狗</li>
						</ol>
					</div>
					<div class="card-body p-0">
						<div class="row">
							<div class="col-md-2 mt-4" th:insert="layout/menus::client_menu">
								<ul class="list-group">
									<li class="list-group-item d-flex justify-content-between align-items-center">
										<a href="#">基本信息</a>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-center">
										<a href="#">账号安全</a>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-center">
										<a href="#">授权管理</a>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-center">
										<a href="#">最近登录</a>
									</li>
								</ul>
							</div>

							<div class="col-md-10 mt-4">

								<h4>直销商城</h4>

								<hr>

								<div class="d-flex justify-content-between">
									<span class="p-2"><span>千山月</span> 拥有该应用 </span>
									<a href="#" class="btn btn-secondary">修改所有人</a>
								</div>


								<hr>

								<div class="mt-5">
									<p><span class="display-4">125</span> 个用户</p>

									<div>Client ID</div>
									<p>e5125b0b492a81b192d0</p>

									<div>Client Secret</div>
									<p>54916b02003c44c2f82b598f70de2efeb794057d</p>

									<a href="#" class="btn btn-secondary">取消所有令牌</a>
									<a href="#" class="btn btn-secondary">重置应用密钥</a>
								</div>

								<hr>

								<div class="mt-5">

								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<th:block layout:fragment="script">
	<script type="text/javascript" src="../../static/asset/js/base.min.js" th:src="@{/asset/js/base.min.js}"></script>
	<script type="text/javascript" src="../../static/asset/js/app.js" th:src="@{/asset/js/app.js}"></script>

</th:block>
</body>
</html>
